<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no">
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <title></title>
        <link href="http://h.hovis.cn/mycode/css/reset.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h1 class="title">我们都有一个家名字叫中国</h1>
                <div class="author">
                    <span>2017-05-02 10:51</span>
                    <span>大森林</span>
                </div>
            </div>
            <div class="content">
我们都有一个家名字叫中国我们都有一个家名字叫中国我们都有一个家名字叫中国我们都有一个家名字叫中国我们都有一个家名字叫中国我们都有一个家名字叫中国我们都有一个家名字叫中国
            </div>
        </div>
        <div class="ads">
            <!-- 一张图片  -->
            <a href="#" target="_blank" class="ad-one">
                <img src="img/long.jpg" class="one-img" />
            </a>
            <!-- 文字 + 一张图片  -->
            <a href="#" target="_blank" class="ad-one">
                <p class="ad-say">我们都有一个家名字叫中国我们都有一个家名字叫中国我们字叫中国我们都有一个!</p>
                <img src="img/long.jpg" class="one-img" />
            </a>
            <!-- 文字 + 两张图片  -->
            <a href="#" target="_blank" class="ad-one">
                <p class="ad-say">我们都有一个家名字叫中国我们都有一个家名字叫中国我们字叫中国我们都有一个!</p>
                <div class="ad-twoimg">
                    <div><img src="img/area.jpg" /></div>
                    <div><img src="img/area.jpg" /></div>
                </div>
            </a>
            <!-- 文字 + 三张图片  -->
            <a href="#" target="_blank" class="ad-one">
                <p class="ad-say">我们都有一个家名字叫中国我们都有一个家名字叫中国我们字叫中国我们都有一个!</p>
                <div class="ad-threeimg">
                    <div><img src="img/area.jpg" /></div>
                    <div><img src="img/area.jpg" /></div>
                    <div><img src="img/area.jpg" /></div>
                </div>
            </a>
        </div>
    </body>
</html>
